import { defineComponent, reactive, ref } from "vue";
import styles from "./Footer.module.less";
import { useRouter } from "vue-router";
import { imgPath } from "@/common/utils";

export default defineComponent({
  setup() {
    const router = useRouter();
    // 相关信息
    const OtherInfo = () => (
      <div class={styles['other-info']}>
        <div class={styles['other-info-list']}>
          <div class={styles['list-title']}>关于我们</div>
          <div class={styles['list-items']}>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/gywm#smv_con_10_15')}>公司简介</div>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/gywm#smv_con_10_15')}>企业文化</div>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/gywm#smv_con_10_15')}>荣誉资质</div>
          </div>
        </div>
        <div class={styles['other-info-list']}>
          <div class={styles['list-title']}>服务项目</div>
          <div class={styles['list-items']}>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/NewsInfoCategory?categoryId=374373&PageInfoId=0')}>产险</div>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/NewsInfoCategory?categoryId=374373&PageInfoId=0')}>风险管理</div>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/NewsInfoCategory?categoryId=374373&PageInfoId=0')}>保险咨询</div>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/NewsInfoCategory?categoryId=374373&PageInfoId=0')}>寿险</div>
          </div>
        </div>
        <div class={styles['other-info-list']}>
          <div class={styles['list-title']}>联系我们</div>
          <div class={styles['list-items']}>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/jgfb')}>机构分布</div>
            <div class={styles['list-item']} onClick={() => window.open('https://www.zljagroup.com/zxns')}>招贤纳士</div>
            <div class={styles['list-item']} onClick={() => window.open('http://mail.zljagroup.com/')}>进入邮箱</div>
          </div>
        </div>
        <div class={styles['other-info-list']}>
          <div class={styles['list-title']}>微信公众号</div>
          <img src={imgPath('/WeChat-QR-code.png')} class={styles['qrcode']} />
        </div>
      </div>
    )

    // 备案信息
    const CopyRight = () => (
      <div class={styles['copy-right']}>
        <p>
          <span class={styles['a-link']} onClick={() => window.open('https://beian.miit.gov.cn')}>浙ICP备17021619号-1</span>
          保险经纪许可证：
          <span>260710000000800</span>
        </p>
        <p>
          Copyright ©中联金安保险经纪有限公司 All Rights Reserved
        </p>
      </div>
    )
    return () => (
      <div class={styles.footer}>
        <OtherInfo />
        <CopyRight />
      </div>
    )
  }
})